
// import ReducerHook from './components/reducerHook'
// import {useStorage} from './hooks/useStorage'
// import {useHistory} from "./hooks/useHistory";
// import TransitionHook from './components/TransitionHook/index'
// import DeferredValueHook from './components/DeferredValueHook/index'
// import EffectHook from './components/useEffectHook/index'
// import UseRefHook from './components/useRef/index'¡
// import UseImperativeHandleHook from './useImperativeHandle/index'
// import UseContextHook from './components/useContext/index'
// import UseMemoHook from './components/useMemo/index'
// import UseCallbackHook from './components/useCallback/index'
import UseDebugValueHooks from './components/useDebugValueHooks/index'

function App() {
    // const [count,setCount] = useStorage('count',1)
    // const [url,push,replace] = useHistory()
  return (
      <>
          {/*<ReducerHook></ReducerHook>*/}

          {/*useStorage的hook演示*/}
          {/*<h1>value:{count}</h1>*/}
          {/*<button onClick={() => setCount (count+1)}>+</button>*/}
          {/*<button onClick={() => setCount (count-1)}>-</button>*/}

          {/*    useHistory的hook实例演示*/}
          {/*  <h1>url:{url}</h1>*/}
          {/*  <button onClick={() => push('/A')}>跳转push</button>*/}
          {/*  <button onClick={() => replace('/B')}>跳转replace</button>*/}

          {/*<TransitionHook></TransitionHook>*/}
          {/* <DeferredValueHook></DeferredValueHook> */}
          {/* <EffectHook></EffectHook> */}
          {/* <UseRefHook></UseRefHook> */}
          {/* <UseImperativeHandleHook></UseImperativeHandleHook> */}
          {/* <UseContextHook></UseContextHook> */}
          {/* <UseMemoHook></UseMemoHook> */}
          {/* <UseCallbackHook></UseCallbackHook> */}
          <UseDebugValueHooks></UseDebugValueHooks>
      </>

  )
}

export default App
